<template>
  <div>
    <div class="rzzx-con-rg-guid">
      <ul id="rzzx-con-rg-guid" class="clearfix">
        <a class="pull-left" href="javascript:void(0)" @click="$router.push('/dashboard/index')">
          <li :class="{'rzzx-con-rg-guid-se':curRoute === 'home/dashboard'}">首页</li>
        </a>
        <a class="pull-left" href="javascript:void(0)" @click="$router.push('/myStar/index')">
          <li :class="{'rzzx-con-rg-guid-se':curRoute === 'home/myStar'}">
            我的收藏</li>
        </a>
        <a class="pull-left" href="javascript:void(0)" @click="$router.push('/notice/index')">
          <li :class="{'rzzx-con-rg-guid-se': curRoute.match('home/notice')}">
            消息中心
            <span v-if="$store.state.me.totalUnReadMsg>0" class="info-rem" style="right: 62px;top: 7px;"></span>
            </li>
        </a>
        <a class="pull-left" href="javascript:void(0)" @click="$router.push('/account/index')">
          <li :class="{'rzzx-con-rg-guid-se':curRoute === 'home/account'}">
            个人账户</li>
        </a>
        <div class="rzzx-con-rg-guid-line" id="rzzx-con-rg-guid-line"></div>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      loading: false,
      curRoute: '',
      navData: {
        'home/dashboard': 0,
        'home/myStar': 240,
        'home/notice': 480,
        'home/noticeDetail': 480,
        'home/noticeSend': 480,
        'home/account': 720
      }
    }
  },
  created () {
    this.curRoute = this.$route.name
  },
  mounted () {
    this.globalThis = window
    this.globalThis.guidLine('rzzx-con-rg-guid', 'rzzx-con-rg-guid-line', 'rzzx-con-rg-guid-se', this.navData[this.curRoute])
    // this.globalThis.guidLineHov('rzzx-con-rg-guid', 'rzzx-con-rg-guid-line', 'rzzx-con-rg-guid-se')
  },
  methods: {}
}
</script>
